<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div{
				border: 1px solid black;
			}
			p{
				width: 50px;
				/* height: 50px; */
				background: red;
				float: left;
			}
		</style>
	</head>
	<body>
		<!-- 
		在标准流中，内容可以撑起父元素的高度
		在浮动流中，浮动的元素是不可以撑起父元素的高度		 
		 -->
		<div>
			<p>Hello</p>
		</div> 
	</body>
</html>
